<!DOCTYPE html>

<html>
	<head>
		<title>登录</title>
		<meta charset="utf-8"/>
		 <!-- Sets initial viewport load and disables zooming  -->
		<meta content="yes" name="apple-mobile-web-app-capable"/>
		<meta content="yes" name="apple-touch-fullscreen"/>
		<meta content="telephone=no" name="format-detection"/>
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		
		<link href="./css/main.css" rel="stylesheet">

		<script type="text/javascript" src="./js/jquery-1.11.2.min.js"></script>

		<script type="text/javascript">

		$(function(){

			$(".sp_tab2 > li").click(function(){

				var _this = $(this);

				_this.addClass("active").siblings("li").removeClass("active");

				var _index = _this.index();

				$(".sp_panel2").children(".sp_panel_item").eq(_index).addClass("active").siblings(".sp_panel_item").removeClass("active");

			})

		})

		</script>

	</head>
	<body>
		<!-- Head Banner -->
		<div class="spin_banner">
			<div class="spin_banner_t">
				登录
			</div>
		</div>

		<div class="spin_container mrb0">
			<ul class="sp_tab2">
				<li class="active">
					手机号登录
				</li>
				<li>
					Email登录
				</li>
			</ul>
		</div>

		<div class="spin_container">
			<ul class="sp_panel2">
				<li class="sp_panel_item active">
					<div class="sp_control_group">
						<div class="sp_control_label">手机号</div>
						<div class="sp_control_container">
							<input type="text" name="mobile" value="" class="sp_input" maxlength="11">
						</div>
					</div>
					<div class="sp_control_group">
						<div class="sp_control_label">登陆密码</div>
						<div class="sp_control_container">
							<input type="password" name="mpassword" value="" class="sp_input">
						</div>
					</div>
					<div class="sp_control_group bbnull mrt100">
						<button class="sp_btn1">登录</button>
						<ul class="sp_login_info">
							<li>
								<a href="">快速注册</a>
							</li>
							<li>
								<a href="">找回密码</a>
							</li>
						</ul>
					</div>
				</li>
				<li class="sp_panel_item">
					<div class="sp_control_group">
						<div class="sp_control_label">Email</div>
						<div class="sp_control_container">
							<input type="text" name="email" value="" class="sp_input">
						</div>
					</div>
					<div class="sp_control_group">
						<div class="sp_control_label">登陆密码</div>
						<div class="sp_control_container">
							<input type="password" name="epassword" value="" class="sp_input">
						</div>
					</div>
					<div class="sp_control_group bbnull mrt100">
						<button class="sp_btn1">登录</button>
						<ul class="sp_login_info">
							<li>
								<a href="">快速注册</a>
							</li>
							<li>
								<a href="">找回密码</a>
							</li>
						</ul>
					</div>
				</li>
			</ul>
		</div>

	</body>
</html>